<template>
	<view class="">
		<view class="top">
			
		</view>
		<view class="main">
			<view class="main-top">
				<text>支付成功</text>
				<view class="circ">
					<image class="circl-ok" src="@/static/new/dui.png"></image>
				</view>
			</view>
			<view class="main-but">
				<text>实付</text><text>￥0.00</text>
			</view>
			<view class="mian-foot">
				<button type="default" @tap="blackhome">返回首页</button>
				<button type="default" @tap="toOrder">查看预约</button>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				cdcs:{}
			}
		},
		onLoad(option) {
			console.log("sure",JSON.parse(option.data));
			this.cdcs=JSON.parse(option.data)
		},
		methods:{
			blackhome(){
				
				uni.reLaunch({
					url:`/pages/tabbar/home/index`
				});
			},
			toOrder(){
				console.log(123);
				uni.navigateTo({
						url:`/pages/base/lookorder?data=${JSON.stringify(this.cdcs)}`
				})
				
			}
		}
	}
</script>

<style lang="scss" scoped>
	.top{
		width: 100%;
		height: 140rpx;
		// border: 1px solid red;
		text-align: right;
		font-size: 32rpx;
		padding: 0 20rpx;
	}
	.main{
		width: 100%;
		height: 600rpx;
		// border: 1px solid red;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		.main-top{
			width: 100%;
			height: 200rpx;
			// border: 1px solid red;
			font-size: 46rpx;
			font-weight: 500;
			display: flex;
			align-items: center;
			justify-content: center;
			.circ{
				width: 100rpx;
				height: 100rpx;
				border-radius: 50%;
				// border: 1px solid red;
				margin-left: 20rpx;
				background-color: #00ba44;
				color: #fff;
				display: flex;
				align-items: center;
				justify-content: center;
				font-size: 60rpx;
				font-weight: 600;
				.circl-ok{
					width: 50rpx;
					height: 50rpx;
					color: #f8ffff;
				}
			}
		}
		.main-but{
			width: 100%;
			height: 100rpx;
			// border: 1px solid red;
			text-align: center;
			font-size: 40rpx;
			>text{
				margin-left: 30rpx;
			}
		}
		.mian-foot{
			width: 100%;
			height: 300rpx;
			// border: 1px solid red;
			display: flex;
			align-items: center;
			justify-content: center;
			>button{
				width: 300rpx;
				height: 100rpx;
				border-radius: 60rpx;
				border: 1rpx solid gary;
				// /pages/base/surepaycure
				// /pages/tabbar/home/index
			}
		}
	}
</style>
